<template>
  <el-row style="height: 100%;">
    <el-col :span="4" class="col-menu-left">
      <el-menu router background-color="#545c64" text-color="#fff" active-text-color="#ffd04b">
        <menu-list :menus="menuList"></menu-list>
      </el-menu>
    </el-col>
    <el-col :span="20">
      <router-view keep-alive></router-view>
    </el-col>
  </el-row>
</template>

<script>
  import menuList from "./common/menu";
  import axios from "axios";
  export default {
    components: { menuList },
    created: function () {
      var self=this;
      axios.get("testSysAuthority").then(function (res) {
        if (res.status == 200) {
          self.menuList = res.data;
        }
      });
    },
    data: function () {
      return {
        menuList: []
      }
    },
    methods: {}
  }
</script>
